<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/index.css">
</head>

<body>
    <div class="header"></div>
    <div class="body">
        <div class="banner">
            <div class="center"></div>
            <div class="right">
                <div class="top">
                    <img src="/images/index7.gif" alt="">
                </div>
                <p>你好</p>
                <p>新客专项</p>
                <div class="form">
                    <a href="/html/login.html">登录</a>
                    <a href="/html/register.html">注册</a>
                </div>
                <ul>
                    <li>
                        <i></i>驾校报名</li>
                    <li>
                        <i></i>劳保输出</li>
                    <li>
                        <i></i>购买保险</li>
                </ul>
                <p>【系统公告】</p>
                <p>【性认识你和】</p>
            </div>
        </div>
        <!-- 推荐 -->
        <div class="tuijian">
            <div class="top">
                <div class="left">
                    街铺店
                    <span>推荐店铺</span>
                </div>
                <div class="right">
                    <span>热点垫付</span>
                    <span>今日头条</span>
                    <span>今日特供</span>
                </div>
            </div>
            <ul class="tuijian-img">
                <span>
                    <img src="/images/22.png" alt="">
                </span>
                <!-- <li>
                    <img src="/images/index77.jpg" alt="">
                </li> -->
            </ul>
            <script type="text/html" id="img2">
                {{each list curr}}
                    <li>
                        <img src="{{curr.url}}" alt="">
                    </li>
                {{/each}}
            </script>
        </div>
        <!--排行分类  -->
        <div class="fenlei">
            <!-- <ul class="top">
                <li>热销排行</li>
                <li>商城热卖</li>
                <li>商城推荐</li>
                <li>新品上市</li>
            </ul>
            <ul class="img">
                <li>
                    <img src="/images/index13.jpg" alt="">
                    <p> 纳斯达克结果呢</p>
                    <p>商场价：
                        <span>60.00</span>
                    </p>
                </li>
            </ul> -->
        </div>
        <script type="text/html" id="fenlei-top">
        
            <ul class="top"> 
                  {{each list curr}}
                    <li id="{{curr.id}}">{{curr.title}}</li>
                  {{/each}}
            </ul>
    </script>
        <script type="text/html" id="fenlei-img">  
        {{each list curr}}
        <ul class="img">
        {{each curr.img cur}}
                <li>
                    <a href="/html/cart.html.html?id={{cur.id}}">
                    <img src="{{cur.url}}" alt="">
                    <p > {{cur.titles}}</p>
                    <p>商场价：
                    <span>{{cur.price}}</span>
                        </p>
                    </a>
                </li>
        {{/each}}
            </ul>
        {{/each}}
    </script>

        <!-- 楼层 -->
        <div class="louchen">
            <!-- <div class="top">
                <p>
                    <i>1</i>特色农产品</p>
                <span> 精挑细选</span>
                <span> 精挑细选</span>
                <span> 精挑细选</span>
                <span> 精挑细选</span>
            </div>
            <div class="bottom">
                <div class="left">
                    <img src="/images/index51.jpg" alt="">
                </div>
                <ul>
                    <li>
                        <img src="/images/index63.jpg" alt="">
                        <p>积分你根本就</p>
                        <span>￥60.00</span>
                        <button></button>
                    </li>
                </ul>

            </div> -->

        </div>
        <!-- 楼层模板 -->
        <script type="text/html" id="louchen">
            {{each list curr}}
            <div>
                <div class="top" id="{{"lc"+curr.id}}">
                        <p>
                            <i>{{curr.id}}楼</i>{{curr.title}}</p>
                    {{each curr.mintitle crr}}      
                        <span>{{crr.name}}</span>
                    {{/each}}   
                </div>
                <div class="bottom" >
                        <div class="left" id="{{"lb"+curr.id}}">
                             <div class="aft"></div>  
                        </div>
                        {{each curr.mintitle cee}}
                            <ul class="right">
                                {{each cee.img ctt}}
                                    <li id={{ctt.id}}>
                                        <a href="/html/cart.html.html?id={{ctt.id}}">
                                            <img src="{{ctt.url}}" alt="{{ctt.title}}">
                                            <p>{{ctt.title}}</p>
                                            <span>￥{{ctt.price}}</span>
                                         </a> 
                                         <button></button>
                                    </li>
                                {{/each}}
                            </ul>
                        {{/each }}
                </div>
            </div> 
            {{/each}}
        </script>
        <div class="footer"></div>

    </div>

    </div>
    <!-- 楼层导航 -->
    <div class="sublime-left">
        <ul>
            <li class="active1">
                <a href="#lc1">1F</a>
            </li>
            <li>
                <a href="#lc2">2F</a>
            </li>
            <li>
                <a href="#lc3">3F</a>
            </li>
            <li>
                <a href="#lc4">4F</a>
            </li>
            <li>
                <a href="#lc5">5F</a>
            </li>
        </ul>
    </div>
    <script src="/lib/requirejs/require.js" data-main="/js/index.js"></script>
</body>

</html>